<template>
  <div class="index_tabs">
    <!-- 内容部分-->
    <!-- <div class="welcome">
      <span><img src="@/assets/images/men.png" width="18" height="18" /></span>
      您好！欢迎您的到来！
    </div> -->
    <div class="inner" style="height:100%">
      <!-- 左边内容部分-->
      <HomeLeft />
      <!-- 中间内容部分-->
      <HomeMiddle />
      <!-- 右边内容部分-->
      <HomeRight />
    </div>
  </div>
</template>

<script>
import HomeLeft from "@/components/home/Left.vue";
import HomeMiddle from "@/components/home/Middle.vue";
import HomeRight from "@/components/home/Right.vue";
export default {
  name: "IndexMap",
  components: {
    HomeLeft,
    HomeMiddle,
    HomeRight,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.welcome {
  height: 30px;
  color: #0cf;
  line-height: 30px;
  text-align: left;
  padding-left: 30px;
  margin: 5px;
  background: -webkit-linear-gradient(
    left,
    rgba(12, 33, 111, 0.4),
    rgba(0, 6, 31, 0)
  );
}
</style>
